<template>
    <section class="w3l-hotair-form">
        <h1>大数据可视化管控平台</h1>
        <div class="container">
            <!-- /form -->
            <div class="workinghny-form-grid">
                <div class="main-hotair">
                    <div class="content-wthree">
                        <h2>登录</h2>
                        <form @submit.prevent="handleSubmit">
                            <input type="text" class="text" name="text" placeholder="用户名" required autofocus>
                            <input type="password" class="password" name="password" placeholder="密码" required autofocus>
                            <button class="btn" type="submit">登录</button>
                        </form>
                        
                        <p class="account">没有账号? <a href="#signup">注册</a></p>
                    </div>
                    <div class="w3l_form align-self">
                        <div class="left_grid_info">
                            <img src="/static/images/1.png" alt="" class="img-fluid">
                        </div>
                    </div>
                </div>
            </div>
            <!-- //form -->
        </div>
        <!-- copyright-->
        <div class="copyright text-center">
            <p class="copy-footer-29">© 2024 RongPan. All rights reserved</p>
        </div>
        <!-- //copyright-->
    </section>
</template>

<script>
import { Session } from '/@/utils/storage';

export default {
    name: "LoginForm",
    methods: {
        handleSubmit() {
			Session.set('token', Math.random().toString(36).substr(0));
            this.$router.push('/cockpit');
        }
    }
}
</script>

<style scoped>
/* @import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap'); */
@import url('/static/css/style.css');
@import url('/static/css/font-awesome.min.css');

</style>
